<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情页</title>
	<link rel="stylesheet" href="../styles/goods.css">
	<link rel="stylesheet" href="../font_bnimm3hbiqu/iconfont.css">
</head>
<body>
    <!-- 这是头部 -->
		<div class="hd_header">
			<div class="header_top">
				<div class="header_top_l">
					<a href="javascript:viod(0);">
						<i class="position iconfont icon-danseshixintubiao-"></i><span>送货地址:</span>
						<em>上海</em>
					</a>
				</div>
				<div class="header_top_c">
					<i class="iconfont icon-laba"></i>
					<ul class="header-list" style="position:absolute;left:36px;top:0">
						<li>
							<a href="#">
								防范金融诈骗提示
							</a>
						</li>
						<li>
							<a href="#">
								1号店配送费调整公告
							</a>
						</li>
						<li>
							<a href="#">
								防范金融诈骗提示
							</a>
						</li>
					</ul>
				</div>
				<div class="header_top_r">
					<ul>
						<li class="first">
							<span>早上好，请</span>
							<a class="login" href="login.html">登录</a>
							<a class="register" href="register.html">注册</a>
						</li>
						<li class="second">
							<a href="#">
								<i class="iconfont icon-ai-connection"></i>
								<span>会员俱乐部</span>
							</a>
						</li>
						<li class="third">
							<a href="#">
								<i class="icon-liebiao iconfont"></i>
								<span>我的订单</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="header_center">
				<div class="header_center_l">
					<div class="logo">
						<a class="logo1" href="#">
							<img src="../imgs/logo-1.png" alt="">
						</a>
						<a class="logo2" href="#">
							<img src="../imgs/logo-2.jpg" alt="">
						</a>
					</div>
				</div>
				<div class="header_center_r">
					<div class="search" id="headersearch">
						<form action="" method="">
							<input type="text" placeholder="清风抽纸" id="search_tip">
							<button>
								<i class="iconfont icon-fangdajing"></i>
							</button>
						</form>
					</div>
					<ul class="search_tip" id="search_list">
						<!-- <li>111</li>
						<li>111</li>
						<li>111</li>
						<li>111</li>
						<li>111</li> -->
					</ul>
					<ul class="tit">
						<li><a href="">矿泉水</a></li>
						<li><a href="">滴露</a></li>
						<li><a href="">耳机</a></li>
						<li><a href="">可口可乐</a></li>
						<li><a href="">肥皂</a></li>
						<li><a href="">百草味</a></li>
						<li><a href="">肉松</a></li>
					</ul>
					<div class="shoppingcar">
						<a href="cart.html">
							<i class="iconfont icon-gouwuchekong"></i>
							<span>购物车<b style="color:red" class="cart-count">0</b></span>
						</a>
					</div>
				</div>
				<div class="header_center_b">
					<div class="nav" id="headernav">
						<a href="#">
							<i class="iconfont icon-liebiao"></i>
							<span>全部类目</span>
							<i class="iconfont icon-jianjiaojiantoushang-copy-copy-copy"></i>
							<i class="iconfont icon-jianjiaojiantoushang" style="display: none;"></i>
						</a>
					</div>
					<!-- 这是二级菜单隐藏部分 -->
					<div class="header_menu" id="headermenu" style="display: none;">
						<div class="column_item">
							<div class="category_item top">
								<p class="title">全球进口</p>
								<ul>
									<li class="text"><a href="">乳品生鲜</a></li>
									<li class="text"><a href="">饼干糕点</a></li>
									<li class="text"><a href="">酒水饮料</a></li>
									<li class="text"><a href="">休闲零食</a></li>
									<li class="text"><a href="">糖果巧克力</a></li>
									<li class="text"><a href="">粮油调味</a></li>
									<li class="text"><a href="">咖啡冲饮</a></li>
									<li class="text"><a href="">麦片冲饮</a></li>
									<li class="text"><a href="">母婴玩具</a></li>
									<li class="text"><a href="">美妆个护</a></li>
									<li class="text"><a href="">家具清洁</a></li>
								</ul>
							</div>
							<div class="category_item">
								<div class="category_item">
									<p class="title">食品 / 酒 / 生鲜</p>
									<ul>
										<li class="text"><a href="">饮料</a></li>
										<li class="text"><a href="">酒类</a></li>
										<li class="text"><a href="">休闲零食</a></li>
										<li class="text"><a href="">粮油干货</a></li>
										<li class="text"><a href="">厨房调料</a></li>
										<li class="text"><a href="">饼干糕点</a></li>
										<li class="text"><a href="">牛奶乳品</a></li>
										<li class="text"><a href="">茶冲咖啡</a></li>
										<li class="text"><a href="">肉蛋海鲜/a></li>
										<li class="text"><a href="">新鲜蔬果</a></li>
										<li class="text"><a href="">方便速食</a></li>
										<li class="text"><a href="">乳品速食</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="column_item">
							<div class="category_item top">
								<p class="title">母婴 / 玩具 / 童装</p>
								<ul>
									<li class="text"><a href="">奶粉</a></li>
									<li class="text"><a href="">营养辅食</a></li>
									<li class="text"><a href="">尿裤湿巾</a></li>
									<li class="text"><a href="">洗护用品</a></li>
									<li class="text"><a href="">喂养用品</a></li>
									<li class="text"><a href="">妈妈专区</a></li>
									<li class="text"><a href="">寝具服饰</a></li>
									<li class="text"><a href="">童车童床</a></li>
									<li class="text"><a href="">玩具</a></li>
									<li class="text"><a href="">乐器</a></li>
									<li class="text"><a href="">童装/童鞋</a></li>
								</ul>
							</div>
							<div class="category_item">
								<div class="category_item">
									<p class="title">纸巾 / 厨卫清洁 / 宠物</p>
									<ul>
										<li class="text"><a href="">纸品湿巾</a></li>
										<li class="text"><a href="">衣物清洁</a></li>
										<li class="text"><a href="">家庭清洁</a></li>
										<li class="text"><a href="">清洁用具</a></li>
										<li class="text"><a href="">驱虫除湿</a></li>
										<li class="text"><a href="">皮具护理</a></li>
										<li class="text"><a href="">宠物生活</a></li>
										<li class="text"><a href="">绿植园艺</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="column_item">
							<div class="category_item top">
								<p class="title">家居家纺 / 厨具 / 家具</p>
								<ul>
									<li class="text"><a href="">床上用品</a></li>
									<li class="text"><a href="">生活日用</a></li>
									<li class="text"><a href="">锅具水具</a></li>
									<li class="text"><a href="">厨具刀具</a></li>
									<li class="text"><a href="">茶具餐具</a></li>
									<li class="text"><a href="">家装软饰</a></li>
									<li class="text"><a href="">品质家具</a></li>
									<li class="text"><a href="">家装建材</a></li>
								</ul>
							</div>
							<div class="category_item">
								<div class="category_item">
									<p class="title">美妆 / 个人清洁</p>
									<ul>
										<li class="text"><a href="">美发护发</a></li>
										<li class="text"><a href="">女性护理</a></li>
										<li class="text"><a href="">沐浴清洁</a></li>
										<li class="text"><a href="">口腔护理</a></li>
										<li class="text"><a href="">面部护理</a></li>
										<li class="text"><a href="">缤纷彩妆</a></li>
										<li class="text"><a href="">身体护理</a></li>
										<li class="text"><a href="">男士护理</a></li>
										<li class="text"><a href="">美容工具</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="column_item">
							<div class="category_item top">
								<p class="title">女装 / 男装 / 内衣</p>
								<ul>
									<li class="text"><a href="">时尚裙装</a></li>
									<li class="text"><a href="">女士上衣</a></li>
									<li class="text"><a href="">女士裤子</a></li>
									<li class="text"><a href="">品质内衣</a></li>
									<li class="text"><a href="">型格男装</a></li>
									<li class="text"><a href="">珠宝首饰</a></li>
									<li class="text"><a href="">中表/眼镜</a></li>
								</ul>
							</div>
							<div class="category_item">
								<div class="category_item">
									<p class="title">鞋靴 / 箱包 / 运动户外</p>
									<ul>
										<li class="text"><a href="">时尚女鞋</a></li>
										<li class="text"><a href="">潮流女包</a></li>
										<li class="text"><a href="">奢侈大牌</a></li>
										<li class="text"><a href="">功能箱包</a></li>
										<li class="text"><a href="">品质男鞋</a></li>
										<li class="text"><a href="">精品男包</a></li>
										<li class="text"><a href="">运动鞋服</a></li>
										<li class="text"><a href="">健身器材</a></li>
										<li class="text"><a href="">户外装备</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="column_item">
							<div class="category_item top">
								<p class="title">手机 / 数码 / 电脑办公</p>
								<ul>
									<li class="text"><a href="">手机</a></li>
									<li class="text"><a href="">手机配件</a></li>
									<li class="text"><a href="">摄影影像</a></li>
									<li class="text"><a href="">影音电教</a></li>
									<li class="text"><a href="">智能设备</a></li>
									<li class="text"><a href="">数码配件</a></li>
									<li class="text"><a href="">电脑整机</a></li>
									<li class="text"><a href="">网络外设</a></li>
									<li class="text"><a href="">办公设备</a></li>
								</ul>
							</div>
							<div class="category_item">
								<div class="category_item">
									<p class="title">家用电器 / 汽车用品</p>
									<ul>
										<li class="text"><a href="">厨房小电</a></li>
										<li class="text"><a href="">生活电器</a></li>
										<li class="text"><a href="">个护健康</a></li>
										<li class="text"><a href="">电视空调</a></li>
										<li class="text"><a href="">厨卫大电</a></li>
										<li class="text"><a href="">冰箱</a></li>
										<li class="text"><a href="">洗衣机</a></li>
										<li class="text"><a href="">维护保养</a></li>
										<li class="text"><a href="">汽车装饰</a></li>
										<li class="text"><a href="">车载产品</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="column_item">
							<div class="category_item top">
								<p class="title">医药/保健滋补/成人</p>
								<ul>
									<li class="text"><a href="">营养健康</a></li>
									<li class="text"><a href="">营养成分</a></li>
									<li class="text"><a href="">传统滋补</a></li>
									<li class="text"><a href="">成人用品</a></li>
									<li class="text"><a href="">家用器械</a></li>
									<li class="text"><a href="">隐形眼镜</a></li>
								</ul>
							</div>
							<div class="category_item">
								<div class="category_item">
									<p class="title">图书</p>
									<ul>
										<li class="text"><a href="">少儿</a></li>
										<li class="text"><a href="">教育</a></li>
										<li class="text"><a href="">文艺</a></li>
										<li class="text"><a href="">经管励志</a></li>
										<li class="text"><a href="">人文社科</a></li>
										<li class="text"><a href="">生活</a></li>
										<li class="text"><a href="">科技</a></li>
										<li class="text"><a href="">刊/原版</a></li>
										<li class="text"><a href="">音像</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<ul class="lists">
						<li><a href="#">金币签到</a></li>
						<li><a href="#">充值</a></li>
						<li><a href="#">领券中心</a></li>
					</ul>
				</div>
			</div>	
        </div>
		<!-- 商品区 -->
		<div class="goods_center">
			<div class="detail_wrap">
				<div class="goods_tit">
					<span>箱包皮具&emsp;></span>
					<span>功能箱包&emsp;></span>
					<span>拉杆箱&emsp;></span>
					<span>熙凤 (XIFENG)&emsp;></span>
					<span>【JD旗舰品牌直营】拉杆箱男女登机箱防刮拓展行李箱包旅行箱 红色 磨砂颗粒面 20寸</span>
				</div>
				<!-- goods -->
				<div class="detail_one">
					<div class="good_left">
						<div class="goods_img">
							<!-- 放图片的区域 -->
							<div class="img">
								<img src="" alt="" class="detail_img small_img">
								<div class="smallCursor" style="display:none"></div>
							</div>
						</div>
						<!-- 这是放大镜右侧 -->
						<div class="fangdajing" style="display:none">
							<img src="" alt="" class="detail_img big_img">
						</div>
						<div class="goods_img_list">
							<span class="prev" style="cursor: pointer;width: 12px;text-align: center;">&lt;</span>
							<div class="hidebox">
								<div class="mbox">
									<b class="cursor"><img src="" alt="" class="detail_img"></b>
									<b><img src="" alt="" class="detail_img"></b>
									<b><img src="" alt="" class="detail_img"></b>
									<b><img src="" alt="" class="detail_img"></b>
									<b><img src="" alt="" class="detail_img"></b>
									<b><img src="" alt="" class="detail_img"></b>
								</div>
							</div>
							<span class="next" style="cursor: pointer;width: 12px;text-align: center;">></span>
						</div>
						<div class="goods_code">
							<p class="product_id">
								<span>商品编号&ensp;</span><span class="goods_id"> &nbsp;|</span>
							</p>
							<p class="love"> 
								<span>喜欢</span>
							</p>
						</div>
					</div>
					<!-- 商品中间区域 -->
					<div class="good_main">
						<div class="goods_name">
							<h1></h1>
						</div>
						<div class="goods_price">
							<i>价格</i>
							<span></span>
						</div>
						<div class="goodword">
							<span>好评率<i>100%</i></span>
							<span>[评论<i>0</i>条]</span>
						</div>
						<div class="promotion">
							<span>促销</span>
							<i>每满200元,可减20元现金</i>
						</div>
						<div class="choose">
							<div class="color">
								<span>选择颜色</span>
								<a href="javascript:viod(0)">bb</a>
								<a href="javascript:viod(0)">bb</a>
							</div>
							<div class="size">
								<span>选择尺码</span>
							</div>
						</div>
						<div class="address">
							<p class="dest">送货至</p>
							<p class="choose_add">上海静安区城区 ▽</p>
							<span>有货</span>
						</div>
						<p class="service">由 德购服饰专营店 负责发货, 并提供售后服务. </p>
						<div class="addcar clearfix">
							<div class="data_sel clearfix">
								<div class="good_num">1</div>
								<div class="computing">
									<button class="add">+</button>
									<button class="sub">-</button>
								</div>
							</div>
							<div class="carbtn">
								<a href="javascript:void(0)" class="add-cart">
									<i class="iconfont icon-gouwuchekong"></i>
									<span style="color:#fff">加入购物车</span>
								</a>
							</div>
						</div>
						<div class="ensure">
							<span style="margin-right: 30px;">保障</span>
							<span>支持七天无理由退款</span>
						</div>
					</div>
					<div class="good_right">
						<img src="../imgs/detail_right.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
        <!-- 这是底部 -->
		<div class="foot">
			<div class="footer_top">
				<ul>
					<li>
						<img src="../imgs/foot01.jpg" alt="">
						<p>正品保障</p>
						<span>正品行货 放心选购</span>
					</li>
					<li>
						<img src="../imgs/footer02.jpg" alt="">
						<p>满99包邮</p>
						<span>满99元 免运费</span>
					</li>
					<li>
						<img src="../imgs/footer03.jpg" alt="">
						<p>售后无忧</p>
						<span>七天无理由退货</span>
					</li>
					<li class="last">
						<img src="../imgs/footer04.jpg" alt="">
						<p>准时送达</p>
						<span>收货时间有你做主</span>
					</li>
				</ul>
			</div>
			<div class="foot_lists">
				<div class="foot_left">
					<dl>
						<dt>新手入门</dt>
						<dd>购物流程</dd>
						<dd>会员制度</dd>
						<dd>订单查询</dd>
						<dd>服务协议及隐私说明</dd>
						<dd>网站地图</dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd>货到付款</dd>
						<dd>网上支付</dd>
						<dd>礼品卡支付</dd>
						<dd>其他支付</dd>
					</dl>
					<dl>
						<dt>配送服务</dt>
						<dd>配送进度查询</dd>
						<dd>商品验货与签收</dd>
					</dl>
					<dl>
						<dt>相关规则</dt>
						<dd>平台规则</dd>
						<dd>退换货政策</dd>
						<dd>发票制度</dd>
						<dd>帮助中心</dd>
					</dl>
				</div>
				<div class="foot_right">
					<div class="erweima erweima_left">
						<p>APP更优惠</p>
						<img src="../imgs/footerma01.png" alt="">
					</div>
					<div class="erweima erweima_right">
						<p>加微信查订单</p>
						<img src="../imgs/footerma02.jpg" alt="">
					</div>
				</div>
			</div>
			<!-- 这是页尾 -->
			<div class="bottom">
				<div class="b_link">
					<a href="">沪ICP备16050468号</a> |
					<a href="">经营证照</a> |
					<a href="">互联网药品信息服务资格证(沪)-经营性-2017-0006</a> |
					<a href="">违法和不良信息举报电话：0527-88100253</a> |
					<a href="">沪B2-20170039</a> |
					<a href="">沪公网安备 31010502002939号</a> |
					<a href="">友情链接</a> |
					<a href="">出版物经营许可证</a> |
					<a href="">增值电信业务经营许可证</a> |
				</div>
				<div class="b_link">
					<a href="">Copyright© 1号店网上超市 2007-2019，All Rights Reserved</a>
				</div>
				<div class="b_pic">
					<a href=""><img src="../imgs/bottom01.jpg" alt=""></a>
					<a href=""><img src="../imgs/bottom02.png" alt=""></a>
					<a href=""><img src="../imgs/bottom03.jpg" alt=""></a>
					<a href=""><img src="../imgs/bottom04.jpg" alt=""></a>
					<a href=""><img src="../imgs/bottom05.png" alt=""></a>
					<a href=""><img src="../imgs/bottom06.png" alt=""></a>
					<a href=""><img src="../imgs/bottom07.jpg" alt=""></a>
				</div>
			</div>
		</div>
</body>
<script src="../javascripts/jquery-1.11.3.js"></script>
<script src="../javascripts/startMove.js"></script>
<script src="../javascripts/goods.js"></script>
<script src="../javascripts/select.js"></script>
</html>